<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欣欣的个人博客</title>
    <link rel="stylesheet" href="../css/shouye.css" type="text/css">
</head>
<body>

<div id="top"><p class="welcome">欢迎来到我的小世界~</p></div>
<!-- 导航栏 -->

<div class="header">
<!-- 导航栏左边logo -->
    <div class="logo">
        <div><img src="../image/11.png" id="photo1"></div>
        <div  class="logotext"><p>Personal Blog</p></div>
    </div>
<!-- 导航栏右边超链接 -->
    <div class="links">
        <ul>
            <li><div class="guide"><a href="#" target="_blank">动态</a></div></li>
            <li><div class="guide"><a href="#" target="_blank">微博</a></div></li>
            <li><div class="guide"><a href="#" target="_blank">邮件</a></div></li>
            <li><div class="guide"><a href="#" target="_blank">个人简历</a></div></li>
        </ul>
    </div>
</div>

<div class="container">

    <div class="zhanwei1"></div>

    <div class="touxiangbox">
        <img src="../image/touxiang.jpg" id="touxiang">
    </div>

    <div class="ID">恩和乡</div>

    <div class="zhanwei2"></div>

    <div class="lable">
        <ul>
            <li>
                <div class="hobby"><a href="#" target="_blank">电影</a></div>
            </li>
            <li>
                <div class="hobby"><a href="#" target="_blank">音乐</a></div>
            </li>
            <li>
                <div class="hobby"><a href="#" target="_blank">舞蹈</a></div>
            </li>
        </ul>
    </div>
    <!-- 装标签的div -->
    <div class="jianjie">
        <div class="zhanwei2"></div>

        <div class="minpian">
            <div class="minpianup">
                <div class="maintitle">
                    <p>THE LITTLE HAMSTER FROM THE PLANET KITTY.</p>
                </div>

                <div class="cangshubox"><img src="../image/cangshu.jpg" id="cangshu"></div>

                <div class="subtitle">
                    <p>"Hi! I'm a hamster from the planet kitty."</p>
                    <p class="greet">&nbsp;&nbsp;&nbsp;&nbsp;你好鸭！我是一只来自喵星的仓鼠，混到人类世界已有二十载，很高兴认识你。这是我的个人博客，欢迎你的参观，也欢迎与我沟通交流。</p>
                </div>

            </div>


        </div> 
        <!-- 简介第一个框 -->
 
        <div class="myphotomidbox" >
            <div class="midphotobox"><img src="../image/24.jpeg" id="midphoto"></div>
            <div class="zhujuebox"><p id="zhujue">人生格言·每个人都是自己生命的主角。</p></div>


        </div>
        <!-- 简介中间的框 -->

        <div class="greetbox">
            <div><P class="greettitle"> "I like travel,music and delicious food."</P></div>

            <div class="hobbyup">
                <div class=hobbyphotobox>
                    <img src="../image/32.jpeg" id="hobbyphoto">
                </div>
        
                <div class="hobbytext1">
                    <p class="introduce">&nbsp;&nbsp;&nbsp;&nbsp;我喜欢音乐那能让我放松并且放空自己。我还喜欢旅行，如果有机会我想周游全国，所以以后要努力搞钱！我的业余爱好是跳舞，闲暇时会看一些舞蹈视频，当然也只是业余。我还喜欢小动物，特别是毛茸茸的那种简直毫无抵抗力QWQ。</p>
                </div>
            </div>

           <div class="hobbydown">
            <div class="foodbox">
                <img src="../image/39.jpeg" id="foodphoto">
            </div>
          
            <div class="hobbytext2">   
                <p class="introduce"> &nbsp;&nbsp;&nbsp;&nbsp;请问有没有烤肉串呢，那炸臭豆腐呢，那随便来一个烤红薯好了，有木有冰淇淋巧克力彩虹糖，旺旺饼干花生米，牛肉干豆奶酸奶橘子汁胡萝卜汁苹果汁……</p>
            </div> 
        
           </div>
           
        </div>

    </div>
        <!-- 简介第三个介绍的框 -->

</div>
    <!-- 整个简介的框 -->
</div>
<!-- container的框 -->
</body >
</html>